<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>背景颜色渐变</title>
  <style>
      .box {
          width: 200px;
          height: 100px;
          /*border: 2px solid red;*/
          display: inline-block;
          margin: -4px;
      }
      .a {
          background-image: linear-gradient(105deg, rgb(0 249 255 / 100%) 39%, rgb(51 56 57 / 100%) 96%);
      }
      .b {
          background-image: radial-gradient(circle, rgb(0 249 255 / 100%) 39%, rgb(51 56 57 / 100%) 96%);
          background-size: 100px 50px;
      }
  </style>
</head>
<body>
<div class="wrapper">
    <div class="box a"></div>
    <div class="box b"></div>
</div>
</body>
</html>